@charset "utf-8";

/*-----------------------------public-----------------------------*/
html,body { width:100%; height:100%}
html,body,* { margin:0; padding:0; font-family:"Microsoft YaHei"; list-style:none}
img { border:none}
table { border-collapse:collapse}
tbody { margin:0}
a { text-decoration:none !important; color:inherit}
*:focus { outline:none}
h3 { font-weight:normal}

input[type="radio"] {
	-webkit-appearance: none;
	background:url(../img/radio.png) no-repeat 0 0;
	height:14px;
	vertical-align: middle;
	width: 14px;
}
input[type="radio"]:checked {background-position: 0 -14px;}

* html .clearFix {zoom:1}
* + html .clearFix {zoom:1}
.clearFix:after { height:0; visibility:hidden; content: "."; display:block; clear:both}
.container {width:100% !important;}
.inner { width:1000px; margin:0 auto; background-color:#ffffff}
.floatL { float:left}
.floatR { float:right}

.po_rel { position:relative}
.strong { font-weight:bold}
.block { display:block}
.b_inilne { display:inline-block}
.hide { display:none}
img.mid { vertical-align:middle; margin-bottom:3px}
.noborder { border-top:none !important; border-left:none !important; border-right:none !important; border-bottom:none !important}

.mt0 { margin-top:0 !important}
.mb0 { margin-bottom:0 !important}
.ml0 { margin-left:0 !important}
.mr0 { margin-right:0 !important}
.mt10 { margin-top:10px !important}
.mb10 { margin-bottom:10px !important}
.ml10 { margin-left:10px !important}
.mr10 { margin-right:10px !important}
.pl0 { padding-left:0 !important}
/*-----------------------------public-----------------------------*/


/********** Global **********/
/*
 *常用背景色： #0b0f34 (6,64,102) (29,45,57) (7,33,58) (8,13,28) (15,43,36)
 */
html, body {
	width:100%;
	height:100%;
	/*min-height:635px;*/
	font-family:"microsoft yahei", arial, sans-serif;
	background-color:#0f1c30;
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% 100%;
	overflow-x:hidden;
	overflow-y:auto;
}
body.bg01 {background-image:url("../img/bg01.png");}
body.bg02 {background-image:url("../img/bg02.png");}
body.bg03 {background-image:url("../img/bg03.png");}
body.bg04 {background-image:url("../img/bg04.png");}

/* header */
.header {
	margin:0 auto;
	width:100%;
	height:65px;
	max-width:1920px;
	background:url("../img/header_1.png") center no-repeat;
	position:relative;
}
.header h3 {
	margin:0;
	padding:0;
	line-height:50px;
	text-align:center;
	font-size:26px;
	color:#bee9ff;
	font-weight:bold;
	letter-spacing:2px
}
.header .navLeft,.header .navRight {
	position:absolute;
	width:310px;
	height:43px;
}
.header .navLeft {
	left:50%;
	margin-left:-577px;
	top:22px;
}
.header .navLeft li,.header .navRight li {
	float:left;
	width:150px;
	height:43px;
	background:url("../img/nav_bg.png") center no-repeat;
	margin-right:5px;
	cursor:pointer;
	line-height:43px;
	text-align:center;
	font-size:20px;
	color:#bee9ff;
}
.header .navLeft li:hover,.header .navLeft li.hover {
	background:url("../img/nav_bg_hover.png") center no-repeat;
}
.header .navRight {
	right:50%;
	margin-right:-577px;
	top:22px;
}
.header .navRight li {
	transform:rotateY(180deg);
}
.header .navRight li span {
	display:inline-block;
	transform:rotateY(180deg);
}
.header .navRight li:hover,.header .navRight li.hover {
	background:url("../img/nav_bg_hover.png") center no-repeat;
	transform:rotateY(180deg);
}
/* header end */

.wrapper {position:absolute;top:80px;bottom:0;left:0;right:0;/*min-height:555px;*/}
.container-fluid {height:100%;min-height:100%;}
.row {/*margin-left:-7px;margin-right:-8px;*/height:100%}
/*.row>div {padding-left:7px;padding-right:8px;}*/
.xpanel-wrapper {padding-bottom:15px;box-sizing:border-box;}
.xpanel-wrapper-1 {height:100%;}
.xpanel-wrapper-2 {height:50%;}
.xpanel-wrapper-3 {height:33.33333%;}
.xpanel {
	padding:15px;
	height:100%;
	min-height:170px;
	background:url("../img/panel.png") center no-repeat;
	background-size:100% 100%;
	box-sizing:border-box;
}

/* tool */
.fill-h {height:100%;min-height:100%;}
.no-margin {margin:0 !important;}
.no-padding {padding:0 !important;}

/* scrollbar */
::-webkit-scrollbar {width:5px;height:5px;background:rgba(33,90,123,.3);border-radius:5px}
::-webkit-scrollbar-track {background-color:hsla(0,0%,100%,.05);border-radius:5px}
::-webkit-scrollbar-thumb {border-radius:5px;background-color:rgba(33,90,123,.9);}

/*tab内容*/
.tabPanel {
	/*padding:0 20px 20px;*/
	overflow:hidden;
}
.panel_1, .panel_2, .panel_3 {
	display:none;
}
.panel_bg {
	height:100%;
	background:url("../img/panel.png") center no-repeat;
	background-size:100% 100%;
	padding:20px;
}
.suspendBox {
	position:absolute;
	background:rgba(0,11,38,0.6);
	border:1px solid #247087;
	z-index:99999;
	/*max-width:280px*/
}
.suspendBox .title {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#bee9ff;
	font-size:16px;
	background:url("../img/title_bg.png") center no-repeat;
	background-size:100% 100%;
}
.Table {
	position:absolute;
	left:0;
	width:100%;
	height: 100%;
	overflow-x:hidden !important;
	overflow-y:auto !important;
	color:#bee9ff !important;
}
.Table tr th {
	text-align:center;
	border:1px solid rgb(12,52,73) !important;
}
.Table tr {
	height:30px !important;
	line-height:30px !important;
}
.Table tr td {
	height:30px !important;
	line-height:30px !important;
	padding:0 !important;
	text-align:center;
	border:1px solid rgb(12,52,73) !important;
}
.Table tr td a {
	display:block;
}
.Table tr td a:hover,.Table tr td a:visited {
	color:#bee9ff
}
.Table tr td:last-child {
	text-align:center;
	border:1px solid rgb(12,52,73);
	border-left:none;
}
.table-hover>tbody>tr:hover {
	background-color: transparent !important;
}
.table-bordered {
	border: 1px solid rgb(12,52,73);
}
.bootstrap-table {
	width:100%;
	height: calc(100% - 30px) !important;
	top:30px;
	padding:10px 5% !important;
	position:relative;
}
.fixed-table-container,.fixed-table-body {
	height: 100%;
	position:relative;
}
#citySelect,#citySelectL,#citySelectR {
	display:block;
	text-align:center;
	color:#bee9ff;
	margin:10px auto;
	font-size:16px;
	font-weight:bold;
	width:90%;
	height:26px;
	line-height:26px;
	letter-spacing:3px;
	border:1px solid #247087;
	background-color:rgba(0,11,38,0.6)
}
.legendImg {
	position:absolute;
	bottom:8%;
	z-index:99
}
.contrastBtn {
	position:absolute;
	bottom:34%;
	right:22%;
	width:50px;
	height:36px;
	line-height:36px;
	background-color:rgba(0,11,38,0.6);
	border-radius:5px;
	text-align:center;
	color:#bee9ff;
	border:1px solid #247087;
	cursor:pointer
}
